<div class="study-comment-wrap">
  <div class="comment-container">
    <div class="comment-avatar">
      <img [src]="commentInfo.avatar" alt="">
    </div>
    <div class="comment-main">
      <div class="comment-username">{{commentInfo.name}}</div>
      <div class="comment-time">{{commentInfo.time}}</div>
      <div class="comment-content">
        {{commentInfo.content}}
      </div>
    </div>
  </div>
  <div class="comment-action-bar">
    <div class="action-left">
      <div class="action-item action-parise">
        <span class="action-icon">
          <img src="../../assets/imgs/img/zan.png" alt="">
          <!-- <img src="../../assets/imgs/img/zan1.png" alt=""> -->
          <!-- <ion-icon ios="md-heart" md="md-heart"></ion-icon> -->
        </span>
        <i class="action-number">890</i>
      </div>
      <div class="action-item action-comment-count">
        <span class="action-icon">
          <img src="../../assets/imgs/img/pinglun.png" alt="">
          <!-- <ion-icon ios="md-heart" md="md-heart"></ion-icon> -->
        </span>
        <i class="action-number">890</i>
      </div>
      <div class="action-item action-parise">
        <span class="action-icon">
          <img src="../../assets/imgs/img/dashang.png" alt="">
          <!-- <ion-icon ios="md-heart" md="md-heart"></ion-icon> -->
        </span>
      </div>
    </div>
    <div class="action-right">
      <div class="action-item action-parise">
        <span class="action-icon">
          <img src="../../assets/imgs/img/jvbao_hui.png" alt="">
          <!-- <ion-icon ios="md-heart" md="md-heart"></ion-icon> -->
        </span>
      </div>
    </div>
  </div>
</div>
  